﻿

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="layout" content="main" />
        <title>Criar Operação</title>         
    </head>
    <body>
        <div class="nav">
           
            <span class="menuButton"><g:link class="list" action="list">Listar Operações</g:link></span>
        </div>
        <div class="body">
           
            <g:if test="${flash.message}">
            <div class="message">${flash.message}</div>
            </g:if>
			
            <g:hasErrors bean="${operacao}">
            <div class="errors">
                <g:renderErrors bean="${operacao}" as="list" />
            </div>
            </g:hasErrors>
			
			<g:hasErrors bean="${cheque}">
            <div class="errors">
                <g:renderErrors bean="${cheque}" as="list" />
            </div>
            </g:hasErrors>
			            <g:form action="save" method="post" >
				<fieldset width="100%">

							<legend style="font-weight:bold;">Operação</legend>
                    <table class="table">
                        <tbody>
							<g:hiddenField name="id" value="${operacao?.id}" />
							<tr class="prop">
								<td valign="top" >
                                    <label for="dataOperacao">Data Operacao:</label>
                                </td>
                                <td valign="top" class=" ${hasErrors(bean:operacao,field:'dataOperacao','errors')}">
                                    <g:datePicker name="operacao.dataOperacao" precision="day" value="${operacao?.dataOperacao}" ></g:datePicker>
                                </td>
                                <td valign="top">
                                    <label for="cliente">Cliente:</label>
                                </td>
                                <td valign="top" class=" ${hasErrors(bean:operacao,field:'cliente','errors')}">
                                    <g:select optionValue="nome" optionKey="id" from="${Cliente.list()}" name="operacao.cliente.id" value="${operacao?.cliente?.id}" ></g:select>
                                </td>
								<td>
		                                    <label for="valor">Fator(%):</label>
		                                </td>
		                                <td class="${hasErrors(bean:operacao,field:'fator','errors')}">
		                                    <input type="text" id="operacao.fator" name="operacao.fator" value="${fieldValue(bean:operacao,field:'fator')}" />
		                        </td>
                            </tr> 
                        
                        </tbody>
                    </table>
                </fieldset>
				<div  style="position:relative;">
					<div style="width:230px; ">
					
						<fieldset>
							<legend>
								Cheque
							</legend>
					
		                    <table  class="table">
		                        <tbody>
		                        
		                            <tr class="prop">
		                                <td valign="top" class="name" colspan="2">
		                                    <label for="dataEntrada">Data Entrada:</label>
		                                </td>
									</tr>
									<tr>
		                                <td colspan="2" valign="top" class="value ${hasErrors(bean:cheque,field:'dataEntrada','errors')}">
		                                    <g:datePicker precision="day" name="cheque.dataEntrada" value="${cheque?.dataEntrada}" ></g:datePicker>
		                                </td>
		                            </tr> 
		                        
		                            <tr class="prop">
		                                <td valign="top" class="name" colspan="2"> 
		                                    <label for="dataVencimento">Data Vencimento:</label>
		                                </td>
		                            </tr>
									<tr>
		                                <td colspan="2" valign="top" class="value ${hasErrors(bean:cheque,field:'dataVencimento','errors')}">
		                                    <g:datePicker precision="day" name="cheque.dataVencimento" value="${cheque?.dataVencimento}" ></g:datePicker>
		                                </td>
		                            </tr> 
		                                               
		                            <tr class="prop">
		                                <td valign="top" class="name">
		                                    <label for="numero">Numero:</label>
		                                </td>
		                                <td valign="top" class="value ${hasErrors(bean:cheque,field:'numero','errors')}">
		                                    <input type="text" id="cheque.numero" name="cheque.numero" value="${fieldValue(bean:cheque,field:'numero')}"/>
		                                </td>
		                            </tr> 
		                        
		                            <tr class="prop">
		                                <td valign="top" class="name">
		                                    <label for="valor">Valor:</label>
		                                </td>
		                                <td valign="top" class="value ${hasErrors(bean:cheque,field:'valor','errors')}">
		                                    <input type="text" id="cheque.valor" name="cheque.valor" value="${fieldValue(bean:cheque,field:'valor')}" />
		                                </td>
		                            </tr> 
		                        
		                        </tbody>
		                    </table>
		                
						</fieldset>
						
						<fieldset>
							<legend>Emitente</legend>
						
		                    <table  class="table">
		                        <tbody>
									 <tr class="prop">
		                                <td valign="top" class="name">
		                                    <label for="cpf">Cpf:</label>
		                                </td>
		                                <td valign="top" class="value ${hasErrors(bean:emitente,field:'cpf','errors')}">
		                                    <input type="text" id="emitente.cpf" name="emitente.cpf" value="${fieldValue(bean:emitente,field:'cpf')}"/>
		                                </td>
		                            </tr> 
		                            <tr class="prop">
		                                <td valign="top" class="name">
		                                    <label for="nomePessoa">Nome:</label>
		                                </td>
		                                <td valign="top" class="value ${hasErrors(bean:emitente,field:'nomePessoa','errors')}">
		                                    <input type="text" id="emitente.nomePessoa" name="emitente.nomePessoa" value="${fieldValue(bean:emitente,field:'nomePessoa')}"/>
		                                </td>
		                            </tr> 
		                        </tbody>
		                    </table>
		                </fieldset>
						
						<fieldset>
							<legend>Conta Corrente</legend>
						
		                    <table  class="table">
		                        <tbody>
		                        
		                            <tr class="prop">
		                                <td valign="top" class="name">
		                                    <label for="numero">Numero:</label>
		                                </td>
		                                <td valign="top" class="value ${hasErrors(bean:contaCorrente,field:'numero','errors')}">
		                                    <input type="text" id="contaCorrente.numero" name="contaCorrente.numero" value="${fieldValue(bean:contaCorrente,field:'numero')}"/>
		                                </td>
		                            </tr> 
		                        
		                            <tr class="prop">
		                                <td valign="top" class="name">
		                                    <label for="agencia">Agencia:</label>
		                                </td>
		                                <td valign="top" class="value ${hasErrors(bean:contaCorrente,field:'agencia','errors')}">
		                                    <input type="text" id="contaCorrente.agencia" name="contaCorrente.agencia" value="${fieldValue(bean:contaCorrente,field:'agencia')}"/>
		                                </td>
		                            </tr> 
		                        
		                            <tr class="prop">
		                                <td valign="top" class="name">
		                                    <label for="banco">Banco:</label>
		                                </td>
		                                <td valign="top" class="value ${hasErrors(bean:contaCorrente,field:'banco','errors')}">
		                                    <g:select optionValue="nome" optionKey="id" from="${Banco.list()}" name="contaCorrente.banco.id" value="${contaCorrente?.banco?.id}" ></g:select>
		                                </td>
		                            </tr> 
		                        
		                        </tbody>
		                    </table>
		                </fieldset>
					</div>
					
					 <div class="list" style="position: absolute; top: 5px; left: 235px;">
					
		                <table>
		                    <thead>
		                        <tr>
		                        
		                   	                               
		                   	        <th>Data Entrada</th>
		                        
		                   	        <th>Data Vencimento</th>
		                        
		                   	        <th>Emitente</th>
		                   	    
		                   	        <th>Numero</th>
		                        
		                   	        <th>Valor</th>
									<th>Valor Líquido</th>
									
		                        
		                        </tr>
		                    </thead>
		                    <tbody>
		                    <g:each in="${operacao.cheques}" status="i" var="cheque">
		                        <tr class="${(i % 2) == 0 ? 'odd' : 'even'}">                 
		                        
		                            <td><g:formatDate format="dd-MM-yyyy" date="${cheque.dataEntrada.time}" /></td>
		                        
		                            <td><g:formatDate format="dd-MM-yyyy" date="${cheque.dataVencimento.time}" /></td>
		                        
		                            <td>${cheque.emitente?.nomePessoa.encodeAsHTML()}</td>
		                        
		                            <td>${cheque.numero?.encodeAsHTML()}</td>
		                        
		                            <td>${cheque.valor?.encodeAsHTML()}</td>
									<td>${cheque.valorLiquido?.encodeAsHTML()}</td>
									
									<td><g:link controller="cheque" action="show" id="${cheque.id}">editar</g:link></td>
		                        
		                        </tr>
		                    </g:each>
		                    </tbody>
		                </table>
					</div>
										
				</div>
	
				
                <div class="buttons">
                    <span class="button"><input class="save" type="submit" value="Adicionar Cheque" /></span>
					<span class="button"><g:link action="show" id="${operacao.id}">Finalizar</g:link></span>
                </div>
            </g:form>
        </div>
    </body>
</html>
